<template>
	<view class="content">
		<view class="cd_top" v-for="(item,index) in content" :key="index">
			<view class="title">
				{{item.title}}
			</view>
			<p>{{item.text}}</p>
			<p>{{item.text1}}</p>
			<ul class="cd_ul">
				<li v-for="(item,index) in lists" :key="index">
					<p>{{item.num}}</p>
					<image :src="item.src" mode=""></image>
				</li>
			</ul>
		</view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				content:[
					{title:'如何认证，成为团油认证用户？',text:'当您首次登录团油APP/小程序后，建议您对您的爱车先进行车辆认证，如果您的车属于运营类车辆(例如专快车/网约车、商用车/物流车、出租车等）首次认证会有更多优惠惊喜!',text1:'下面让我教会你怎样认证吧~'}
				],
				lists:[
					{num:'1.APP /小程序首页选择【认证有奖】',src:'/static/center-detail1.jpg'},
					{num:'2.选择车辆用途',src:'/static/center-detail2.jpg'},
					{num:'3.根据您选择的车辆用途，填写和上传所需凭证信息'},
					{num:'4.完成认证申请后请你耐心等待系统审核'},
					{num:'5.开始您的加油体验吧'}
				]
			}
		}
	}
</script>

<style>
	page{background-color: #e6e8eb;overflow: auto;}
	.content{width: 95%;margin: 0 auto;}
	.cd_ul li image{display: block;width: 100%;height: 400px;}
	.cd_ul li:nth-child(n+3) image{display: none;}
	.cd_top{background-color: #fff;padding: 20rpx;border-radius: 20rpx;}
	.cd_top .title{line-height: 80rpx;border-bottom: 1px solid #000;}
	.cd_top p{margin: 10rpx 0rpx;line-height: 60rpx;color: #7e7e7e;}
</style>